<template>
  <div id="app">
    <Header></Header>
    <LogoSearch></LogoSearch>
    <Banner></Banner>
    <div class="category">
      <Category v-for="cate in 4"></Category>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/pages/index/components/Header";
import LogoSearch from "@/pages/index/components/LogoSearch";
import Footer from "@/pages/index/components/Footer";
import Banner from "@/pages/index/components/Banner";
import Category from "@/pages/index/components/Category";

export default {
  name: 'App',
  components: {
    Category,
    Banner,
    Header,
    LogoSearch,
    Footer
  }
}
</script>

<style>
</style>
